/* 覆盖element-ui默认主题颜色 */
:root {
  --el-color-primary: var(--primary-500);
  --el-color-primary-light-3: var(--primary-400);
  --el-color-primary-light-5: var(--primary-300);
  --el-color-primary-light-7: var(--primary-200);
  --el-color-primary-light-8: var(--primary-100);
  --el-color-primary-light-9: var(--primary-50);
  --el-color-primary-dark-2: var(--primary-600);

  --el-table-border-color: 1px solid var(--primary-500);
}

#app {
  /* 覆盖el-button默认样式 */
  .el-button {
    border-radius: var(--round-2);
  }

  .el-dialog {
    border-radius: 8px;
  }

  .el-switch {
    &.is-checked .is-text {
      color: white;
    }

    .is-text {
      color: var(--primary-600);
    }
  }

  // 覆盖原生的el-table样式
  .el-table {
    background-color: var(--primary-50);

    // 边框
    .el-table__border-left-patch,
    .el-table__inner-wrapper:after,
    &.el-table--border:after,
    &::before {
      width: 0;
      background-color: var(--primary-a40);
    }

    .el-table__header .el-table__cell {
      &:last-child {
        border-right: none;
      }
    }

    // 表格底部
    .el-table__inner-wrapper:before {
      background-color: var(--primary-200);
    }

    .el-table__row {
      background-color: transparent;
    }

    // 表头单元格
    .el-table__header .el-table__cell {
      color: var(--primary-800);
      text-align: center;
      background-color: var(--primary-a20);
      border-left-color: var(--primary-a40);
      border-right-color: var(--primary-a40);
      border-bottom-color: var(--primary-200);
    }

    // 表格单元格
    .el-table__body .el-table__cell {
      text-align: center;
      color: var(--primary-600);
      background-color: transparent;
      backdrop-filter: blur(10px);
      border-left: 0;
      border-right: 0;
      border-top: 0;
      border-bottom-color: var(--primary-200);
    }
  }
}
